{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="r25-hero-video">
  <video preload="auto" playsinline autoplay loop muted poster="{{ static('img/mozorg/rise25/hero-poster-high-res.jpg') }}" width="680" height="383">
    <source src="https://assets.mozilla.net/rise25/rise25-hero.webm" type="video/webm">
  </video>

  {{ resp_img(
    url='img/mozorg/rise25/hero-poster.jpg',
    srcset={
      'img/mozorg/rise25/hero-poster-high-res.jpg': '1.5x'
    },
    optional_attributes={
      'width': '680',
      'height': '383',
      'class': 'fallback',
      'alt': ''
    }
  ) }}
</div>
